<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layoutcontribuinte.xhtml">
        <ui:define name="body">
            <p:panel style="height: 2px; background: none; border: none;" rendered="#{managerLayout.connect}" >
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true" />
            </p:panel>

            <h3 class="title">Boletim de Cadastro Imobiliário</h3>

            <style>
                .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a, .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a {
                    background-color: #69B8EA !important;
                    background-image: -moz-linear-gradient(center top , #69B8EA, #69B8EA) !important;
                    color: #FFFFFF !important;
                    width: 89%;
                }
            </style>

            <h:form id="realtyForm" enctype="multipart/form-data" target="_blank">
                <p:growl id="messages" showDetail="false" autoUpdate="true"  />
                <hr/>              
                <p:tabView id="tabView" orientation="left">  
                    <p:tab id="tab" title="Dados Gerais"> 
                        <h5 class="title">Dados Gerais</h5>
                        <fieldset>
                            <legend>Inscrição Cadastral</legend>

                            <p:panel id="realtyPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="Inscrição Imóvel" styleClass="grid_5 inscricaoLabelImovel" for="maskinscricao" />
                                <p:inputMask mask="?99.99.999.9999.99" id="maskinscricao" readonly="true"
                                             styleClass="grid_6"  value="#{managerLayout.visaoInscricao}"/>
                                <p:watermark value="DD.SS.QUADR.LOTE.UN" for="maskinscricao" />

                                <p:outputLabel value="Fator Localização" styleClass="grid_6" for="fInputText" />
                                <p:inputText id="fInputText" styleClass="grid_6" readonly="true"
                                             value="#{managerLayout.visaoImovel.localizacao.nome}" />


                            </p:panel>
                        </fieldset>

                        <fieldset>                                 
                            <legend>Contribuinte</legend>
                            <p:panel id="proprietarioPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:dataTable id="tableProprietario" var="item" value="#{managerLayout.visaoImovel.proprietarios}" 
                                             styleClass="grid_24" 
                                             emptyMessage="Nenhum registro">  
                                    <f:facet name="header">
                                        Nome do Proprietário ou Detentor
                                    </f:facet>

                                    <p:column headerText="Nome" width="200">  
                                        #{item.tipoDocumento eq 'CPF' ? item.nome : item.nomeFantasia ne null ? item.nomeFantasia : item.nome}
                                    </p:column>

                                    <p:column headerText="Documento" width="50">  
                                        #{managerLayout.mascaraCpfCnpj(item)}
                                    </p:column> 

                                </p:dataTable>

                            </p:panel>
                        </fieldset>

                        <fieldset>                                 
                            <legend>Localização Imóvel</legend>
                            <p:panel id="localPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="CEP" styleClass="grid_3" for="cepInputMask" />
                                <p:inputMask id="cepInputMask" styleClass="grid_4" mask="99.999-999"
                                             value="#{managerLayout.visaoImovel.enderecoImovel.cep}" readonly="true" />
                                <div class="clear-both" />

                                <p:outputLabel value="Logradouro" styleClass="grid_3 logradouroLabelImovel" 
                                               style="width: 90px; margin-left: 1px"
                                               for="patioInputText" />
                                <p:inputText id="patioInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoImovel.nomeclog eq null or managerLayout.visaoImovel.enderecoImovel.nomeclog eq '' ? 
                                                      managerLayout.visaoImovel.enderecoImovel.logradouro : managerLayout.visaoImovel.enderecoImovel.nomeclog}" />

                                <div class="clear"/>
                                <p:outputLabel value="Bairro" styleClass="grid_3" for="neighborhoodInputText" />
                                <p:inputText id="neighborhoodInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoImovel.bairroDne.nome}" />

                                <p:outputLabel value="Número" styleClass="grid_3" for="numInputText" />
                                <p:inputText id="numInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoImovel.numero}" />

                                <p:outputLabel value="Complemento" styleClass="grid_5 alpha" for="compInputText" />
                                <p:inputText id="compInputText" styleClass="grid_10" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoImovel.compl}" />

                            </p:panel>
                        </fieldset>
                        <fieldset>                                 
                            <legend>Endereço Correspondência</legend>
                            <p:panel id="endCorrespondenciaPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="CEP" styleClass="grid_3" for="endcepInputMask" />
                                <p:inputMask id="endcepInputMask" styleClass="grid_4" mask="99.999-999"
                                             value="#{managerLayout.visaoImovel.enderecoCorrespondencia.cep}" readonly="true" />
                                <div class="clear-both" />

                                <p:outputLabel value="Logradouro" styleClass="grid_3 logradouroLabelImovel" 
                                               style="width: 90px; margin-left: 1px"
                                               for="endpatioInputText" />
                                <p:inputText id="endpatioInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoCorrespondencia.nomeclog eq null or managerLayout.visaoImovel.enderecoCorrespondencia.nomeclog eq '' ? 
                                                      managerLayout.visaoImovel.enderecoCorrespondencia.logradouro : managerLayout.visaoImovel.enderecoCorrespondencia.nomeclog}" />

                                <div class="clear"/>
                                <p:outputLabel value="Bairro" styleClass="grid_3" for="endneighborhoodInputText" />
                                <p:inputText id="endneighborhoodInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoCorrespondencia.bairroDne.nome}" />

                                <p:outputLabel value="Número" styleClass="grid_3" for="endnumInputText" />
                                <p:inputText id="endnumInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoCorrespondencia.numero}" />

                                <p:outputLabel value="Complemento" styleClass="grid_5 alpha" for="endcompInputText" />
                                <p:inputText id="endcompInputText" styleClass="grid_10" readonly="true"
                                             value="#{managerLayout.visaoImovel.enderecoCorrespondencia.compl}" />

                            </p:panel>
                        </fieldset>
                        <fieldset>
                            <legend>Georreferenciamento</legend>

                            <p:panel id="geoPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <center>
                                    <p:gmap center="#{managerLayout.center}" zoom="#{managerLayout.zoom}" type="ROADMAP"   
                                            rendered="#{managerLayout.connect}"
                                            style="width:710px;height:400px" model="#{managerLayout.mapModel}" >   
                                    </p:gmap>
                                </center>
                                <br/>
                                <div class="clear"/>
                                <p:dataTable id="tableGeo" var="item" value="#{managerLayout.coordenadas}" 
                                             styleClass="grid_23 right" rowIndexVar="rowid"
                                             rowKey="#{item.id}" rows="5" paginator="true"  
                                             paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                    <f:facet name="header">
                                        Coordenadas
                                    </f:facet>
                                    <p:column headerText="Ação" width="60">

                                        <p:commandButton  style="width: 20px; height: 20px;" 
                                                          title="Visualizar"
                                                          oncomplete="dlgVisu.show();"
                                                          update=":dlgVisuForm:paneldlg"
                                                          actionListener="#{managerLayout.visualizarCoordenada(item)}"
                                                          icon="ui-icon-zoomin"/>

                                    </p:column>

                                    <p:column headerText="Ponto" width="150">  

                                        <h:outputText value="#{item.ponto}"/>

                                    </p:column>
                                    <p:column headerText="N UTM" width="150">  

                                        <h:outputText value="#{item.convN}"/>

                                    </p:column>
                                    <p:column headerText="E UTM" width="100">  

                                        <h:outputText value="#{item.convE}"/>

                                    </p:column> 

                                </p:dataTable> 

                            </p:panel>
                        </fieldset>
                    </p:tab>

                    <p:tab id="tab1" title="Sócio-Econômico">
                        <h4 class="title">Informações Sobre o Imóvel</h4>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Patrimônio</legend>
                            <p:outputLabel styleClass="grid_3 imovelLabel" style="#{managerLayout.visaoImovel.patrimonio eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.patrimonio eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.patrimonio.nome}" />
                        </fieldset>
                        <div class="clear" />
                        <p:panel styleClass="panelGrid withoutBorder" style="width: 103%; margin-left: -15px" rendered="#{managerLayout.visaoImovel.patrimonio eq 'UNIAO'}">
                            <fieldset>                                 
                                <legend>Rip</legend>
                                <p:outputLabel styleClass="grid_20 imovelLabel" 
                                               style="#{managerLayout.visaoImovel.rip eq null or managerLayout.visaoImovel.rip eq '' ? 'color: red;' : '' }"
                                               value="#{managerLayout.visaoImovel.rip eq null or managerLayout.visaoImovel.rip eq '' ? 'Informação não cadastrada' : managerLayout.visaoImovel.rip}" />
                            </fieldset>
                            <fieldset>                                 
                                <legend>Rip: é em nome do proprietário atual ?</legend>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.ripNomeCadastrado eq null ? 'color: red;' : '' }"
                                               value="#{managerLayout.visaoImovel.ripNomeCadastrado eq null ? 
                                                        'Informação não cadastrada' : managerLayout.visaoImovel.ripNomeCadastrado ? 'Sim' : 'Não'}" />

                            </fieldset>
                            <div class="clear"/>
                            <fieldset>                                 
                                <legend>O proprietário é falecido ?</legend>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.titularFalecido eq null ? 'color: red;' : '' }"
                                               value="#{managerLayout.visaoImovel.titularFalecido eq null ? 
                                                        'Informação não cadastrada' : managerLayout.visaoImovel.titularFalecido ? 'Sim' : 'Não'}" />
                            </fieldset>
                            <div class="clear"/>
                            <fieldset>                                 
                                <legend>Qual o vínculo do atual proprietário com o cadastro na SPU ?</legend>
                                <p:outputLabel styleClass="grid_20 imovelLabel" 
                                               style="#{managerLayout.visaoImovel.vinculoTitularRip eq null ? 'color: red;' : '' }"
                                               value="#{managerLayout.visaoImovel.vinculoTitularRip eq null ? 
                                                        'Informação não cadastrada' : managerLayout.visaoImovel.vinculoTitularRip.nome}" />
                            </fieldset>
                            <div class="clear"/>
                        </p:panel>

                        <fieldset>                                 
                            <legend>Tipo de Documento</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerLayout.visaoImovel.tipoDocumentoImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.tipoDocumentoImovel eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.tipoDocumentoImovel.nome}" />
                        </fieldset>

                        <fieldset>
                            <legend>Número do Registro</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerLayout.visaoImovel.numeroReg eq null or managerLayout.visaoImovel.numeroReg eq '' ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.numeroReg eq null or managerLayout.visaoImovel.numeroReg eq '' ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.numeroReg}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Tempo de Moradia na Residência</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerLayout.visaoImovel.tempoMoradia eq null or managerLayout.visaoImovel.tempoMoradia eq '' ? 'color: red' : ''}"
                                           value="#{managerLayout.visaoImovel.tempoMoradia eq null or managerLayout.visaoImovel.tempoMoradia eq '' ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.tempoMoradia}" />

                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Tempo de Moradia no Município</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerLayout.visaoImovel.tempoMoradiaMunicipio eq null or managerLayout.visaoImovel.tempoMoradiaMunicipio eq '' ? 'color: red' : ''}"
                                           value="#{managerLayout.visaoImovel.tempoMoradiaMunicipio eq null or managerLayout.visaoImovel.tempoMoradiaMunicipio eq '' ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.tempoMoradiaMunicipio}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Composição Familiar</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.composicaoFamiliar eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.composicaoFamiliar eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.composicaoFamiliar.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <p:panel id="moradoresPanel" styleClass="withoutBorder container_24 clearfix" >

                            <div style="#{managerLayout.visaoImovel.composicaoFamiliar ne null ? '' : 'display: none'}">

                                <fieldset>                                 
                                    <legend> Moradores </legend>
                                    <p:dataTable id="compFamiliarDataTable" var="item" value="#{managerLayout.visaoImovel.moradores}" 
                                                 styleClass="grid_24" rowIndexVar="rowid" rowKey="#{item.id}" rows="5"
                                                 paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                        <f:facet name="header"> Composição Familiar </f:facet>

                                        <p:column headerText="Nome">  
                                            <h:outputText value="#{item.nome}"/>
                                        </p:column>

                                        <p:column headerText="CPF" width="100">  
                                            <h:outputText value="#{item.cpf}"/>
                                        </p:column> 
                                    </p:dataTable>
                                </fieldset>
                            </div>
                        </p:panel>
                        <div class="clear" />
                        <br />

                        <fieldset>                                 
                            <legend>Renda Familiar</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.rendaFamiliar eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.rendaFamiliar eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.rendaFamiliar.nome.concat(' salários mínimos.')}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Participa do Programa Minha Casa Minha Vida ?</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.minhaCasaMinhaVida eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.minhaCasaMinhaVida eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.minhaCasaMinhaVida ? 'Sim' : 'Não'}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Participa do Programa Bolsa Família ?</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.bolsaFamilia eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.bolsaFamilia eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.bolsaFamilia ? 'Sim' : 'Não'}" />


                            <p:panel id="bolsaFamiliaPanelGrid" styleClass="panelGrid withoutBorder" rendered="#{managerLayout.visaoImovel.bolsaFamilia}">
                                <p:outputLabel styleClass="grid_3" value="Valor" for="valorBolsaFamilia" style="margin-left: 25px; top: 2px" />
                                <p:inputText id="valorBolsaFamilia" styleClass="grid_4" 
                                             readonly="true" value="#{managerLayout.visaoImovel.valorBolsaFamilia}">
                                    <f:convertNumber pattern="R$ #,###,##0.00" locale="pt,BR"/>
                                </p:inputText>
                            </p:panel>
                        </fieldset>
                        <div class="clear" />

                        <fieldset>                                 
                            <legend>Possui registro de Imóvel ?</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.regImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.regImovel eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.regImovel ? 'Sim' : 'Não'}" />
                        </fieldset>
                        <div class="clear"/>

                    </p:tab>

                    <p:tab id="tab2" title="Caracteristicas">

                        <h4 class="title">Caracteristicas</h4>

                        <fieldset>                                 
                            <legend>Tipo do Terreno</legend>
                            <p:outputLabel styleClass="grid_3" 
                                           style="#{managerLayout.visaoImovel.tipoImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.tipoImovel eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.tipoImovel.nome}" />
                        </fieldset>
                        <div class="clear"/>
                        <fieldset>                                 
                            <legend>Tipo de Ocupação</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerLayout.visaoImovel.ocupacao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.ocupacao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.ocupacao.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Topografia do Terreno</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.topografia eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.topografia eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.topografia.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Situação do Terreno</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.situacaoTerreno eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.situacaoTerreno eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.situacaoTerreno.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Tipo de Pedologia</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.pedologia eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.pedologia eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.pedologia.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Utilização do Terreno</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.utilizacao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.utilizacao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.utilizacao.nome}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Isento IPTU</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.insetoIptu eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.insetoIptu eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.insetoIptu ? 'Sim' : 'Não'}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Isento TSU</legend>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.insetoTsu eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.insetoTsu eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.insetoTsu ? 'Sim' : 'Não'}" />
                        </fieldset>
                        <div class="clear"/>

                        <fieldset>                                 
                            <legend>Uso do Imóvel</legend>    
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.usoImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.usoImovel eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.usoImovel.nome}" />
                        </fieldset>
                        <div class="clear"/>
                        <fieldset>                                 
                            <legend>Observação</legend>    
                            <p:inputTextarea value="#{managerLayout.visaoImovel.obs}" readonly="true"/>
                        </fieldset>
                        <div class="clear"/>

                    </p:tab>

                    <p:tab id="tab3" title="Edificação">

                        <h4 class="title">Informações Sobre a Edificação</h4>

                        <fieldset>                                                                      
                            <legend>Caracterização do Imóvel</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.caracterizacao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.caracterizacao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.caracterizacao.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Revestimento Externo</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.revExterno eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.revExterno eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.revExterno.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Piso</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.piso eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.piso eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.piso.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Forro</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.forro eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.forro eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.forro.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Cobertura</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.cobertura eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.cobertura eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.cobertura.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Instalação Sanitária</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.instSanitaria eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.instSanitaria eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.instSanitaria.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Posição do Imóvel</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.posicao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.posicao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.posicao.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Construção</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.tipoConstrucao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.tipoConstrucao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.tipoConstrucao.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Estrutura do Imóvel</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.estrutura eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.estrutura eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.estrutura.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Estado de Conservação do Imóvel</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.estadoConservacao eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.estadoConservacao eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.estadoConservacao.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Tipo de Instalações Elétricas</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.instalacoesEletricas eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.instalacoesEletricas eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.instalacoesEletricas.nome}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Fachada</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.fachada eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.fachada eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.fachada.nome}" />
                        </fieldset>
                        <div class="clear"/>

                    </p:tab>
                    <p:tab id="tab4" title="Serviços">

                        <h4 class="title">Serviços Urbanos</h4>

                        <fieldset><legend>Calçamento</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.calcamento eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.calcamento eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.calcamento ? 'Sim' : 'Não'}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Iluminação Pública</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.iluminacaoPublica eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.iluminacaoPublica eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.iluminacaoPublica ? 'Sim' : 'Não'}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Limpeza Pública</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.limpezaPublica eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.limpezaPublica eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.limpezaPublica ? 'Sim' : 'Não'}" />
                            <div class="clear"/>
                        </fieldset>
                        <fieldset><legend>Coleta de Lixo</legend>  
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerLayout.visaoImovel.coletaLixo eq null ? 'color: red;' : '' }"
                                           value="#{managerLayout.visaoImovel.coletaLixo eq null ? 
                                                    'Informação não cadastrada' : managerLayout.visaoImovel.coletaLixo ? 'Sim' : 'Não'}" />
                        </fieldset>
                    </p:tab>

                    <p:tab id="tab5" title="Dimensões">
                        <h4 class="title">Dimensões e Confrontações</h4>

                        <p:panel id="dimenPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix"> 
                            <fieldset><legend>Frente</legend>  
                                <p:outputLabel value="Para" styleClass="grid_3" for="frenteInputText" />
                                <p:inputText id="frenteInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.frente}" />
                                <div class="clear"/>
                                <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="frenteRuaInputText" />
                                <p:inputText id="frenteRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.frenteRua}" />
                                <div class="clear"/>
                                <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="frenteMedInputText" />
                                <p:inputText id="frenteMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.frenteMedindo}" />
                                <div class="clear"/>
                            </fieldset>
                            <fieldset><legend>Lado Direito</legend>  

                                <p:outputLabel value="Para" styleClass="grid_3" for="direitoParaInputText" />
                                <p:inputText id="direitoParaInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerLayout.visaoImovel.ladoDireito}" />
                                <div class="clear"/>

                                <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="direitoRuaInputText" />
                                <p:inputText id="direitoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.ladoDireitoRua}" />
                                <div class="clear"/>

                                <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="direitoMedInputText" />
                                <p:inputText id="direitoMedInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerLayout.visaoImovel.ladoDireitoMedindo}" />
                                <div class="clear"/>
                            </fieldset>
                            <fieldset><legend>Lado Esquerdo</legend>  
                                <p:outputLabel value="Para" styleClass="grid_3" for="esquerdoInputText" />
                                <p:inputText id="esquerdoInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerLayout.visaoImovel.ladoEsquerdo}" />
                                <div class="clear"/>

                                <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="esquerdoRuaInputText" />
                                <p:inputText id="esquerdoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.ladoEsquerdoRua}" />
                                <div class="clear"/>

                                <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="esquerdoMedInputText" />
                                <p:inputText id="esquerdoMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.ladoEsquerdoMedindo}" />
                                <div class="clear"/>
                            </fieldset>
                            <fieldset><legend>Fundo</legend>  


                                <p:outputLabel value="Para" styleClass="grid_3" for="fundoInputText" />
                                <p:inputText id="fundoInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.fundo}" />
                                <div class="clear"/>
                                <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="fundoRuaInputText" />
                                <p:inputText id="fundoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.fundoRua}" />
                                <div class="clear"/>
                                <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="fundoMedInputText" />
                                <p:inputText id="fundoMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerLayout.visaoImovel.fundoMedindo}" />

                                <div class="clear"/>
                            </fieldset>
                            <fieldset><legend>Dimensões Terreno</legend>  
                                <p:outputLabel value="Área Terreno" styleClass="grid_5" for="areaInputText" />
                                <p:inputText id="areaInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.areaTerreno}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>
                                <p:outputLabel value="Área Unidade" styleClass="grid_5" for="areaUInputText" />
                                <p:inputText id="areaUInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.areaUnidade}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>

                                <div class="clear"/>

                                <p:outputLabel value="Área Total" styleClass="grid_5" for="areaTInputText" />
                                <p:inputText id="areaTInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.areaTotalEdificacao}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>
                                <p:outputLabel value="Perímetro" styleClass="grid_5" for="perimetroInputText" />
                                <p:inputText id="perimetroInputText" styleClass="grid_4"  readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.perimetro}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>

                                <div class="clear"/>

                                <p:outputLabel value="N˚ Pavimento" styleClass="grid_5" for="areaPInputText" />
                                <p:inputText id="areaPInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.numPavimentacaoEdific}"/>
                                <div class="clear"/>
                            </fieldset>
                            <fieldset><legend>Testada</legend>  
                                <p:outputLabel value="Testada do Imóvel"  styleClass="grid_7" for="areaTiInputText" />
                                <p:inputText id="areaTiInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.testadaImovel}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>
                                <p:outputLabel value="Servida Conservação Calçamento"  styleClass="grid_8" for="areaTSInputText" />
                                <p:inputText id="areaTSInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.testadaServidaConservCalcamento}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>
                                <div class="clear"/>
                                <p:outputLabel value="Servida Iluminação Pública"  styleClass="grid_7" for="areaTIInputText" />
                                <p:inputText id="areaTIInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.testadaServidaPorIluminacaoPublica}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>

                                </p:inputText>

                                <p:outputLabel value="Servida Limpeza Pública"  styleClass="grid_8" for="areaTLInputText" />
                                <p:inputText id="areaTLInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerLayout.visaoImovel.dimensoes.testadaServidaLimpezaPublica}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>

                                </p:inputText>
                            </fieldset>
                        </p:panel>

                    </p:tab>
                    <p:tab id="tab6" title="Documentos">
                        <h4 class="title">Documentos</h4>

                        <p:panel id="documentoPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix">
                            <fieldset><legend>Anexos</legend>
                                <ui:repeat  value="#{managerLayout.annexs}" var="a">
                                    <p:panel styleClass="grid_4 withoutBorder" >
                                        <h:outputLink
                                            value="#{a.tipo ne 'application/pdf' ? 'viewImage.xhtml':'show'}" 
                                            title="#{a.nomeExibicao eq null ? a.nome : a.nomeExibicao}"  target="_blank" >

                                            <div style="width: 100%;" class="grid_4">

                                                <p:graphicImage styleClass="image grid_3" rendered="#{managerImagem.imagem(a)}"
                                                                style="margin-left:1%; width: 100px;"
                                                                url="#{managerImagem.urlThumbnailImagem(a)}" />

                                                <p:outputLabel  value="#{managerImagem.nomeAnexo(a)}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{managerImagem.imagem(a)}"/>

                                                <p:graphicImage styleClass="image grid_3" rendered="#{managerImagem.PDF(a)}"
                                                                style="margin-left:1%; width: 100px;" 
                                                                url="#{managerImagem.urlPDF}" />

                                                <p:outputLabel  value="#{managerImagem.nomeAnexoPdf(a)}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{managerImagem.PDF(a)}"/>
                                            </div>
                                            <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(a)}"/>
                                        </h:outputLink>

                                    </p:panel>
                                </ui:repeat>
                            </fieldset>
                        </p:panel>

                    </p:tab>
                    <p:tab id="tab7" title="Croqui">
                        <h5 class="title">Croquis</h5>

                        <p:panel id="docPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix ">
                            <fieldset><legend>Anexos</legend>
                                <ui:repeat  value="#{managerLayout.annexCroquis}" var="croqui">
                                    <p:panel styleClass="grid_4 withoutBorder" >
                                        <h:outputLink  
                                            value="#{croqui.tipo ne 'application/pdf' ? 'viewImage.xhtml':'show'}" 
                                            title="#{croqui.nomeExibicao eq null ? croqui.nome : croqui.nomeExibicao}"  target="_blank" >

                                            <div style="width: 100%;" class="grid_4">

                                                <p:graphicImage styleClass="image grid_3" rendered="#{managerImagem.imagem(croqui)}"
                                                                style="margin-left:1%; width: 100px;"
                                                                url="#{managerImagem.urlThumbnailImagem(croqui)}" />

                                                <p:outputLabel  value="#{managerImagem.nomeAnexo(croqui)}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{managerImagem.imagem(croqui)}"/>

                                                <p:graphicImage styleClass="image grid_3" rendered="#{managerImagem.PDF(croqui)}"
                                                                style="margin-left:1%; width: 100px;" 
                                                                url="#{managerImagem.urlPDF}" />

                                                <p:outputLabel  value="#{managerImagem.nomeAnexoPdf(croqui)}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{managerImagem.PDF(croqui)}"/>
                                            </div>
                                            <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(croqui)}"/>
                                        </h:outputLink>

                                    </p:panel>
                                </ui:repeat>
                            </fieldset>
                        </p:panel>

                    </p:tab>
<!--                    <p:tab id="tab9" title="Averbações">
                        <p:panel id="regPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix ">

                            <p:dataTable id="tableRegistration" var="r" value="{managerLayout.getAverbacoes(managerLayout.visaoImovel)}" 
                                         styleClass="grid_24" rowIndexVar="rowid"
                                         rowKey="{r.id}" rows="5" paginator="true"  
                                         paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                <f:facet name="header">
                                    Averbações
                                </f:facet>
                                <p:column  headerText="Imprimir">
                                    <p:commandButton title="Imprimir"
                                                     ajax="false" update="@form"
                                                     onclick="this.form.target='_blank'"
                                                     actionListener="{managerLayout.printRegistration(r)}"
                                                     icon="ui-icon-print" />
                                </p:column>

                                <p:column headerText="Tipo">  
                                    <p:outputLabel value="{r.tipoAverbacao.nome}" />
                                </p:column> 
                                <p:column headerText="Data">  
                                    <h:outputText value="{r.dataAverbacao}">
                                        <f:convertDateTime  pattern="dd/MM/YYYY HH:mm:ss"/>
                                    </h:outputText>
                                </p:column> 
                            </p:dataTable>
                        </p:panel>

                    </p:tab>-->


                </p:tabView>
            </h:form>

        </ui:define>
    </ui:composition>

</html>